<template>
  <div class="notes">
    <v-header :back-display="true">
      <div slot="title">复习笔记</div>
      <div @click="save" slot="up">保存</div>
    </v-header>

    <div class="note">
      <textarea v-model="message" placeholder="要记点什么吗"></textarea>
    </div>

  </div>
</template>

<script>
import header from '@/components/main/header'
import { Toast } from 'vant';
import api from '../../api/api'

export default {
  name: 'notes',
  components: {
    "v-header":header,
    [Toast.name]: Toast,
  },
  data () {
    return {
      message:'1. a（an） 一（个、件。。。）\nabandon 抛弃，放弃 ability 能力，才能\n\n2. acknowledge 承认，致谢\nacquaintance 相识，熟人 \nacquire 获得，学到\nacquisition 获得（物）\nacre 英亩\nacross 横过，穿过\n\nact 法令，条例 （戏）表演，扮演（角色），演出，行动，做事\naction 行动\nable 有能力的，能干的\nbe able to 能，会\nabnormal 反常的，变态的\naboard 在（船、飞机、车）上，上（船、飞机、车）\nabolish 废除，取消 \nabortion 流产；（计划）夭折 \nabout 大约；到处，四处 \nactive 积极的，主动的\n▲activity 活动\nadapt 使适应；改编 \nadaptation 适应，改编 \nadd 添加，增加\naddicted 沉迷于某种嗜好的 \naddition 增加；加\n▲address 地址\nadequate 适当的，足够的\nadjust 调整，使适合\nadjustment 调整，调节，调节器 \nadministration 管理，经营，行政部门 \nadmirable令人钦佩的，绝妙的 \nadmire 钦佩，羡慕\n▲admission 准入，接纳a（an） 一（个、件。。。）\nabandon 抛弃，放弃 ability 能力，才能\nacknowledge 承认，致谢\nacquaintance 相识，熟人 \nacquire 获得，学到\nacquisition 获得（物）\nacre 英亩\nacross 横过，穿过\nact 法令，条例 （戏）表演，扮演（角色），演出，行动，做事\naction 行动\nable 有能力的，能干的\nbe able to 能，会\nabnormal 反常的，变态的\naboard 在（船、飞机、车）上，上（船、飞机、车）\nabolish 废除，取消 \nabortion 流产；（计划）夭折 \nabout 大约；到处，四处 \nactive 积极的，主动的\n▲activity 活动\nadapt 使适应；改编 \nadaptation 适应，改编 \nadd 添加，增加\naddicted 沉迷于某种嗜好的 \naddition 增加；加\n▲address 地址\nadequate 适当的，足够的\nadjust 调整，使适合\nadjustment 调整，调节，调节器 \nadministration 管理，经营，行政部门 \nadmirable令人钦佩的，绝妙的 \nadmire 钦佩，羡慕\n▲admission 准入，接纳',
    }
  },
  created () {
  },
  computed: {},
  methods: {
    //保存
    save(){
      console.log('保存内容: ',this.message)
      Toast.success('保存成功');
      setTimeout(()=>{
        this.$router.push({path:'/user'})
      },2000)
    },

    // 测试
    // get(){
    //   api.User().then(res=>{
    //     console.log(res)
    //   }).catch(error=>{
    //     console.log(error)
    //   })
    // }
  },

  mounted () {
    // this.get()
  }
}
</script>

<style lang="less" scoped>
.note{
  position: absolute;
  top: 44px;
  left: 0;
  width: 100%;
  height: calc( 100% - 44px );
  textarea{
    font-size: 16px;
    width: 100%;
    white-space: pre-wrap;
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 0;
    resize: none;
    line-height: 24px;
    padding: 10px 10px 10px 20px;
    color: #323232;
  }
  textarea::-webkit-scrollbar-track-piece{
    background-color: transparent;
  }
  textarea::-webkit-scrollbar-thumb:vertical {
    background-color: transparent;
  }
}
</style>
